<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title> 企业大学 - 在线讨论 </title>
    <meta name="description" content="网站SEO描述">
    <meta name="keywords" content="SEO收搜关键词">
    <meta name="baidu-site-verification" content="qKSX5MEr35">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="renderer" content="webkit">
    <script type="text/javascript" src="../../public/require.js"></script>
    <script type="text/javascript" src="../../public/comments.js"></script>
    <link rel="shortcut icon" href="http://bonzer.dichanxuetang.com/images/logo-icon.png">
    <link rel="stylesheet" type="text/css" href="../../css/reset.css">
    <link rel="stylesheet" type="text/css" href="../../css/loadingPanel.css">

    <!--<script type="text/javascript" src="../../public/jquery-2.1.4.min.js"></script>-->
    <!--<script type="text/javascript" src="../../public/lib/comments/maindemo.js"></script>-->
    <!--<script type="text/javascript" src="../../public/lib/comments/sinaFaceAndEffec.js"></script>-->
</head>
<body>
<div id="loadingPanel" style="opacity: 1;">
    <div class="_loading__loading-page___1Ldla" style="opacity: 1;">
        <div class="_loading__loading-page-detail___3BGux"></div>
    </div>
    <div id="loadingGif"></div>
    <div id="loadingTips">
        <div id="loadingTipsContent">
            <div id="fontBlodDiv">hi：</div>
            欢迎来到企业大学学习平台
            <p>当前网络有可能会影响到加载速度哦还请耐心等候(*^__^*)……。</p>
        </div>
    </div>
</div>
<header class="common-header">
    <ul id="top-nav">
        <li class="logo">
            <a class="logo-link" href="javascript:void(0);">
                <div class="logo-icon"></div>
            </a>
        </li>
        <li>
            <a class="top-link" href="../index.html"><i class="icon-home"></i> 首页 </a>
        </li>
        <li>
            <a class="top-link" href="../curriculum/curriculum.html"> 海量课程 </a>
        </li>
        <li>
            <a class="top-link" href="../squad/squad.html"> 班级 </a>
        </li>
        <li>
            <a class="top-link hot" href="../exam/exam.html"> 考试 </a>
        </li>
        <li>
            <a class="top-link" href="../CloudStorage/CloudStorage.html"> 网盘 </a>
        </li>
        <li>
            <a class="top-link" href="../comments/comments.html"> 线上讨论 </a>
        </li>
        <li class="sign" id="sign-box">
            <a class="sign-link" id="signin" href="javascript:" rel="nofollow">登录</a>  /  <a class="sign-link" id="signup" href="javascript:" rel="nofollow">申请试用</a>
        </li>
        <div class="clearfix" id="userinfo" style="display: none">
            <div class="user-header">
                <img src="http://wx.qlogo.cn/mmopen/BKMVGMmthXGjszK1TNyTeQuoWlFM0Dzgz9QA8JQibusGRooll13iaFcthnKbibXya1Yyb7J3zVsicibdz6Ec7Rl012GbsicDuD4Jd6/132?0.6857810917594676">
            </div>
            <div class="user-info">™闪开，我要发光</div>
            <ul class="dropdown-wrapper">
                <li><a href="javascript:void(0);">我的账号</a></li>
                <li><a href="javascript:void(0);">我的活动</a></li>
                <li><a href="javascript:void(0);">我的订单</a></li>
                <li><a href="javascript:void(0);">邀请朋友</a></li>
                <li><a href="javascript:void(0);" class="none" id="logoutBtn">退出</a></li>
            </ul>
        </div>
    </ul>
    <div class="chunjie-ghxx"></div>
    <div class="bannerCont">
        <div class="slogan">
            <div class="content"><h1 class="zh_CN">问题不在于学到的是怎样的知识</br>而在于所学的知识要有用处</h1></div>
            <p class="header-desc">分享知识丨交换观念丨交流信息</p>
            <div class="searchBox">
                <div class="searchBoxInner">
                    <input id="searchInput" type="search" onkeydown="keyDown(event)" name="query" placeholder="请输入感兴趣的关键词" autocomplete="off">
                    <button type="submit" id="searchSubmit" onclick="queries()"></button>
                </div>
            </div>
        </div>
    </div>
</header>
<section class="container clearfix">
    <div class="wrapper padd-t40 clearfix">
        <div class="l wenda-main">
            <div id="js-content-main">
                <div class="detail-q-title clearfix">
                    <!-- 话题 -->
                    <h1 class="js-qa-wenda-title detail-wenda-title">三个子元素在同一个父元素div下，在保证子元素在同一行的状态下，中间元素宽度自适应。</h1>
                    <!-- 问答信息 -->
                    <div class="wenda-intro-box clearfix">
                        <div class="detail-user l">
                            <a href="/u/6451805/bbs" class="author l">
                                <img src="//img2.mukewang.com/545863aa00014aa802200220-100-100.jpg" alt="weixin_银翼孤狼_0">
                                weixin_银翼孤狼_0
                            </a>
                        </div>
                        <!-- 编辑 -->
                        <div class="wenda-edit-box r">
                            <span class="count-item l list-praise" data-type="+1" title="赞"><i class="icon-thumbs-up"></i><em>32</em></span>
                            <span class="count-item l" title="参与回答">回答<i>1</i></span>
                            <span class="count-item l" title="浏览量">浏览<i>32</i></span>

                        </div>
                        <!-- 编辑 end -->
                    </div>
                </div>
            </div>
            <div id="js-qa-wenda" class="detail-wenda rich-text">
                <p>响应式页面内，</p>
                <p>三个子元素分别是段落、段落、按钮。三个子元素都没有用新的div包裹。</p>
                <p>我用display：inline-block让他们保持在同一行内，中间元素宽度只会根据文本内容自适应。我该如何让它填满剩下的父元素空间。</p>
                <p>下面是body的代码：</p>
                <p>&lt;div id="login-home" style="height:50px; background-color:red; color:grey; font-size:12px; line-height:50px;"&gt;</p>
                <p>&nbsp; &nbsp; &nbsp;&lt;p &nbsp;style="display: inline-block;"&gt;2131231231231&lt;/p&gt;</p>
                <p>&nbsp; &nbsp; 	&lt;p style="color:grey; font-size:12px; line-height:50px; text-align:right; display: inline-block;"&gt;111111111111111111111111111111111111&lt;/p&gt;</p>
                <p>&nbsp; &nbsp; &nbsp;&lt;button style="display: inline-block; height:50px; width:50px; float:right;	" &gt;退出&lt;/button&gt;</p>
                <p>我想让第二个段落右对齐按钮该怎么做</p>
                <p><br></p>
            </div>
            <div class="pl-content list-tab-con">
                <h3 class="answer-add-tip">添加回答</h3>
                <div class="pl-input-wrap clearfix">
                    <a href="" class="user-head l">
                        <img src="http://wx.qlogo.cn/mmopen/BKMVGMmthXGjszK1TNyTeQuoWlFM0Dzgz9QA8JQibusGRooll13iaFcthnKbibXya1Yyb7J3zVsicibdz6Ec7Rl012GbsicDuD4Jd6/132?0.6857810917594676">
                    </a>
                    <div id="js-pl-input-fake" class="pl-input-inner l">
                        <textarea id="js-pl-textarea" class="js-placeholder" placeholder="扯淡、吐槽、表扬、鼓励……想说啥就说啥！"></textarea>
                        <span class="num-limit"><span id="js-pl-limit" class="js-pl-limit">0</span>/300</span>
                    </div>
                </div>
                <div class="input-btm clearfix">
                    <div class="operator-box-btn">
                        <span class="face-icon" title="插入表情">☺</span>
                        <span class="img-icon" title="插入网络图片">㊉</span>
                    </div>
                    <input type="button" id="js-pl-submit" class="r course-btn" value="发表评论">
                    <div class="face" style="display: none">
                        <ul>
                            <li><img src="../../images/expression/zz2_thumb.gif" title="[织]"></li>
                            <li><img src="../../images/expression/horse2_thumb.gif" title="神马]"></li>
                            <li><img src="../../images/expression/fuyun_thumb.gif" title="[浮云]"></li>
                            <li><img src="../../images/expression/geili_thumb.gif" title="[给力]"></li>
                            <li><img src="../../images/expression/wg_thumb.gif" title="[围观]"></li>
                            <li><img src="../../images/expression/vw_thumb.gif" title="[威武]"></li>
                            <li><img src="../../images/expression/panda_thumb.gif" title="[熊猫]"></li>
                            <li><img src="../../images/expression/rabbit_thumb.gif" title="兔子]"></li>
                            <li><img src="../../images/expression/otm_thumb.gif" title="[奥特曼]"></li>
                            <li><img src="../../images/expression/j_thumb.gif" title="[囧]"></li>
                            <li><img src="../../images/expression/hufen_thumb.gif" title="[互粉]"></li>
                            <li><img src="../../images/expression/liwu_thumb.gif" title="[礼物]"></li>
                            <li><img src="../../images/expression/smilea_thumb.gif" title="呵呵]"></li>
                            <li><img src="../../images/expression/tootha_thumb.gif" title="嘻嘻]"></li>
                            <li><img src="../../images/expression/laugh.gif" title="[哈哈]"></li>
                            <li><img src="../../images/expression/tza_thumb.gif" title="[可爱]"></li>
                            <li><img src="../../images/expression/kl_thumb.gif" title="[可怜]"></li>
                            <li><img src="../../images/expression/kbsa_thumb.gif" title="[挖鼻屎]"></li>
                            <li><img src="../../images/expression/cj_thumb.gif" title="[吃惊]"></li>
                            <li><img src="../../images/expression/shamea_thumb.gif" title="[害羞]"></li>
                            <li><img src="../../images/expression/zy_thumb.gif" title="[挤眼]"></li>
                            <li><img src="../../images/expression/bz_thumb.gif" title="[闭嘴]"></li>
                            <li><img src="../../images/expression/bs2_thumb.gif" title="[鄙视]"></li>
                            <li><img src="../../images/expression/lovea_thumb.gif" title="[爱你]"></li>
                            <li><img src="../../images/expression/sada_thumb.gif" title="[泪]"></li>
                            <li><img src="../../images/expression/heia_thumb.gif" title="[偷笑]"></li>
                            <li><img src="../../images/expression/qq_thumb.gif" title="[亲亲]"></li>
                            <li><img src="../../images/expression/sb_thumb.gif" title="[生病]"></li>
                            <li><img src="../../images/expression/mb_thumb.gif" title="[太开心]"></li>
                            <li><img src="../../images/expression/ldln_thumb.gif" title="[懒得理你]"></li>
                            <li><img src="../../images/expression/yhh_thumb.gif" title="[右哼哼]"></li>
                            <li><img src="../../images/expression/zhh_thumb.gif" title="[左哼哼]"></li>
                            <li><img src="../../images/expression/x_thumb.gif" title="[嘘]"></li>
                            <li><img src="../../images/expression/cry.gif" title="[衰]"></li>
                            <li><img src="../../images/expression/wq_thumb.gif" title="[委屈]"></li>
                            <li><img src="../../images/expression/t_thumb.gif" title="[吐]"></li>
                            <li><img src="../../images/expression/k_thumb.gif" title="[打哈气]"></li>
                            <li><img src="../../images/expression/bba_thumb.gif" title="[抱抱]"></li>
                            <li><img src="../../images/expression/angrya_thumb.gif" title="[怒]"></li>
                            <li><img src="../../images/expression/yw_thumb.gif" title="[疑问]"></li>
                            <li><img src="../../images/expression/cza_thumb.gif" title="[馋嘴]"></li>
                            <li><img src="../../images/expression/88_thumb.gif" title="[拜拜]"></li>
                            <li><img src="../../images/expression/sk_thumb.gif" title="[思考]"></li>
                            <li><img src="../../images/expression/sweata_thumb.gif" title="[汗]"></li>
                            <li><img src="../../images/expression/sleepya_thumb.gif" title="[困]"></li>
                            <li><img src="../../images/expression/sleepa_thumb.gif" title="[睡觉]"></li>
                            <li><img src="../../images/expression/money_thumb.gif" title="[钱]"></li>
                            <li><img src="../../images/expression/sw_thumb.gif" title="[失望]"></li>
                            <li><img src="../../images/expression/cool_thumb.gif" title="[酷]"></li>
                            <li><img src="../../images/expression/hsa_thumb.gif" title="[花心]"></li>
                            <li><img src="../../images/expression/hatea_thumb.gif" title="[哼]"></li>
                            <li><img src="../../images/expression/gza_thumb.gif" title="[鼓掌]"></li>
                            <li><img src="../../images/expression/dizzya_thumb.gif" title="[晕]"></li>
                            <li><img src="../../images/expression/bs_thumb.gif" title="[悲伤]"></li>
                            <li><img src="../../images/expression/crazya_thumb.gif" title="[抓狂]"></li>
                            <li><img src="../../images/expression/h_thumb.gif" title="[黑线]"></li>
                            <li><img src="../../images/expression/yx_thumb.gif" title="[阴险]"></li>
                            <li><img src="../../images/expression/nm_thumb.gif" title="[怒骂]"></li>
                            <li><img src="../../images/expression/hearta_thumb.gif" title="[心]"></li>
                            <li><img src="../../images/expression/unheart.gif" title="[伤心]"></li>
                            <li><img src="../../images/expression/pig.gif" title="[猪头]"></li>
                            <li><img src="../../images/expression/ok_thumb.gif" title="[ok]"></li>
                            <li><img src="../../images/expression/ye_thumb.gif" title="[耶]"></li>
                            <li><img src="../../images/expression/good_thumb.gif" title="[good]"></li>
                            <li><img src="../../images/expression/no_thumb.gif" title="[不要]"></li>
                            <li><img src="../../images/expression/z2_thumb.gif" title="[赞]"></li>
                            <li><img src="../../images/expression/come_thumb.gif" title="[来]"></li>
                            <li><img src="../../images/expression/sad_thumb.gif" title="[弱]"></li>
                            <li><img src="../../images/expression/lazu_thumb.gif" title="[蜡烛]"></li>
                            <li><img src="../../images/expression/clock_thumb.gif" title="[钟]"></li>
                            <li><img src="../../images/expression/cake.gif" title="[蛋糕]"></li>
                            <li><img src="../../images/expression/m_thumb.gif" title="[话筒]"></li>
                            <li><img src="../../images/expression/weijin_thumb.gif" title="[围脖]"></li>
                            <li><img src="../../images/expression/lxhzhuanfa_thumb.gif" title="[转发]"></li>
                            <li><img src="../../images/expression/lxhluguo_thumb.gif" title="[路过这儿]"></li>
                            <li><img src="../../images/expression/bofubianlian_thumb.gif" title="[bofu变脸]"></li>
                            <li><img src="../../images/expression/gbzkun_thumb.gif" title="[gbz困]"></li>
                            <li><img src="../../images/expression/boboshengmenqi_thumb.gif" title="[生闷气]"></li>
                            <li><img src="../../images/expression/chn_buyaoya_thumb.gif" title="[不要啊]"></li>
                            <li><img src="../../images/expression/daxiongleibenxiong_thumb.gif" title="[dx泪奔]"></li>
                            <li><img src="../../images/expression/cat_yunqizhong_thumb.gif" title="[运气中]"></li>
                            <li><img src="../../images/expression/youqian_thumb.gif" title="[有钱]"></li>
                            <li><img src="../../images/expression/cf_thumb.gif" title="[冲锋]"></li>
                            <li><img src="../../images/expression/camera_thumb.gif" title="[照相机]"></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="ans_num">6 个回答</div>
            <div id="answerlist"></div>
            <div id="PagCont"></div>
        </div>
        <div class="r wenda-slider">
            <div class="recommend-info">
                <div class="aside-author">
                    <a href="javascript:void(0);" class="l author-img" title="Jeson老师" target="_blank">
                        <img src="http://wx.qlogo.cn/mmopen/BKMVGMmthXGjszK1TNyTeQuoWlFM0Dzgz9QA8JQibusGRooll13iaFcthnKbibXya1Yyb7J3zVsicibdz6Ec7Rl012GbsicDuD4Jd6/132?0.6857810917594676">
                    </a>
                    <p class="u-nick-warp">
                        <a class="nick" href="javascript:void(0);" title="Jeson老师" target="_blank">
                            qq_欧妮酱_0
                        </a>
                    </p>
                    <span class="user-job">华南区域中心</span>
                    <div class="btn-box clearfix">
                        <a href="javascript:void(0);" target="_blank" class="article-num r-bor l">
                            <span>54</span>&nbsp;&nbsp;提问
                        </a>
                        <a href="javascript:void(0);" target="_blank" class="article-recom l">
                            <span>14</span>&nbsp;&nbsp;回答
                        </a>
                    </div>
                    <div class="btn-box clearfix">
                        <a href="Askquestions.html" class="askQuestionsBtn">我要提问<i class="icon-edit"></i></a>
                    </div>
                </div>
            </div>
            <div class="hot-ques">
                <h3 class="title">热门课程</h3>
                <div id="courselist">
                </div>
                <div class="lyleif"><span class="js-lyleif">显示另外5个课程</span></div>
            </div>
        </div>
    </div>
</section>
<div id="Footer"></div>

<!--热门课程-->
<script  type="text/x-handlebars-template" id="answerTemplate">
    {{#each this}}
    <ul>
        <li class="ques-answer ques-new-answer clearfix">
            <div class="answer-con first" id="id_231626">
                <div class="user-pic l">
                    <a href="javascript:void(0);" target="_blank">
                        <img src="{{image}}" width="40" height="40" alt="?">
                    </a>
                </div>
                <div class="detail-r">
                    <a class="detail-name" href="javascript:void(0);" target="_blank">肖申克de救赎</a>
                    <!--<a href="javascript:void(0);" class="credit-tip">由此问题已获得 +2积分</a>-->
                </div>
                <div class="answer-content rich-text aimgPreview">
                    <p>
                        <strong>
                            <span style="text-decoration:underline;">{{title}}</span>
                        </strong>
                    </p>
                </div>
                <div class="ctrl-bar clearfix js-wenda-tool">
                    <span class="agree-with list-praise" data-type="+1"><i class="icon-thumbs-up"></i><em>{{id}}</em></span>
                    <span class="oppose list-praise" data-type="-1"><i class="icon-thumbs-down"></i><em>{{mid}}</em></span>
                    <span class="reply" data-id="reply{{number @index}}" data-type="1" title="{{mid}}个回复">{{mid}}个回复</span>
                    <span class="time r">2017-03-09</span>
                </div>
            </div>
            <div class="reply-con">
                <ul class="reply-list">
                    <li class="clearfix">
                        <div class="user-pic">
                            <a href="javascript:void(0);" target="_blank"><img src="//img3.mukewang.com/user/5333a24400017ccd02000200-40-40.jpg" alt="猴塞雷2"></a>
                        </div>
                        <div class="user-info clearfix">
                            <a class="from-user" href="javascript:void(0);">猴塞雷2</a>
                            <span class="r floor">#1</span>
                        </div>
                        <div class="reply-content">神回复</div>
                        <div class="reply-btn l" data-uid="1244086" data-username="猴塞雷2">回复</div>
                        <span class="time r">2017-03-11 13:20:57</span>
                    </li>
                </ul>
                <div class="release-reply-con clearfix">
                    <div class="user-pic ">
                        <a href="javascript:void(0);" target="_blank">
                            <img src="http://wx.qlogo.cn/mmopen/BKMVGMmthXGjszK1TNyTeQuoWlFM0Dzgz9QA8JQibusGRooll13iaFcthnKbibXya1Yyb7J3zVsicibdz6Ec7Rl012GbsicDuD4Jd6/132?0.6857810917594676" width="40" height="40" alt="?">
                        </a>
                    </div>
                    <div class="textarea-con">
                        <textarea name="release-reply" data-type="true" class="release-reply" placeholder="写下你的回复"></textarea>
                        <span class="num-limit"><span class="js-pl-limit">0</span>/150</span>
                    </div>
                    <div class="userCtrl clearfix">
                        <div class="do-reply-btn">回复</div>
                    </div>
                </div>
            </div>
        </li>
    </ul>
    {{/each}}
</script>
<!--热门课程-->
<script  type="text/x-handlebars-template" id="courseTemplate"></script>
<!--分页-->
<script type="text/x-handlebars-template" id="PagContTemplate"></script>
<script>
    require(['jquery','showComments'],function ($,showComments) {
        $('.nv-goback').click(function () {
            let type = $(this).attr('data-type');
            showComments.praise(this,type);
        });
        $(document).on('click','.list-praise',function () {
            let tyep = $(this).attr('data-type');
            showComments.tipsBoxBtn(this,tyep);
        });
        $('#js-pl-submit').click(function () {
            let inputText = $('.js-placeholder').val(),
                inputVal = AnalyticEmotion(inputText);
            showComments.Publish(inputVal)
        });
        $(document).on('input propertychange','#js-pl-textarea',function () {
            showComments.releasetextchange('js-pl-textarea')
        });
        $(document).ready(function(){
            $(".img-icon").click(function(){
                $(".pl-input-inner .js-placeholder").insertContent('<img src="请在这里输入图片地址" alt=""/>', -10);
                showComments.releasetextchange('js-pl-textarea')
            });
        });
    });
</script>
</body>
</html>